<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="copyright" content="http://www.appcms.org" />
<script src="js/zy_control.js"></script>
<script src="js/zy_click.js"></script>
<script src="js/config.js"></script>
<script src="js/common.js"></script>
<style>
	*{
		margin: 0;
		padding:0;
		-webkit-touch-callout: none;
		-webkit-text-size-adjust:none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-user-select:none;
	}
	.leftmenubox
	{
		background-image: url(skin/images/left_menu_bg.png);
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: 100% 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		overflow: hidden;
		display: -webkit-box;
		display: box;
	}
	.leftmenubox .l
	{
		width:80%;
		padding:0.5em 0;
	}
	.leftmenubox .l li
	{
		padding-left:0.5em;
		display: -webkit-box;
		display: box;
	}
	.leftmenubox .l li:active {
		background-color:rgba(0,0,0,0.2);
	    transition: none 0s ease 0s;
		}
	.leftmenubox .l li .icon
	{
		width:3em;
		height:3em;
		
	}
	.leftmenubox .l li .icon img
	{
		display:block;
		width:3em;
		height:3em;
	}
	.leftmenubox .l li .txt
	{
		-webkit-box-flex:1;
		box-flex:1;
		line-height:3em;
		height:3em;
		text-align:left;
		color:#FFF;}
		
	.leftmenubox .r
	{
		width:20%;
	}
</style>
</head>
<body ontouchstart>
<div id="main" class="leftmenubox">
	<ul class="l" id="l_c"></ul>
	<div class="r" id="r_c"></div>
</div>
</body>
<script>
    	zy_init();
		window.uexOnload = function(type){
			if (!type) {
				uexWindow.bringToFront();
				if (localStorage['add20head']== "1") {
					$$('l_c').style.paddingTop=$$('l_c').style.paddingTop+20+'px';
				}
				var html = '';
				for (k in l_footer) {
					html += '<li onclick="menu_open(\'' + k + '\');" >'+
					        '<div class="icon"><img src="skin/images/icon/' + k + '.png" ></div>'+
							'<div class="txt">' + l_footer[k]['title'] + '</div>'+
							'</li>';
				}
				$$('l_c').innerHTML= html;	
			}
		}
		
		function menu_open(m){
			if(l_footer[m]['islogin']==1){
				if (!c_l()) {
					gologin();
					return false;
				}
			}
			for (k in l_footer) {
				if(k != m){
					uexWindow.evaluateScript(k,0,"uexWindow.setWindowHidden(1)");
				}else{
					var url = l_footer[m]['model']+ '.html';
					var winname = l_footer[m]['model'];
					localStorage['meun_simple'] = winname;
					uexWindow.evaluateScript(winname,0,"toggleMenu();");
					uexWindow.open(winname, '0', url, 0, '', '', 256,4);
				}
			}
		}
		
</script>
</html>